<!DOCTYPE html>
<html ng-app="indexApp">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--<link href="css/bootstrap-theme.css" rel="stylesheet">-->
    <link href="css/jquery-ui.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/sweetalert2.css" rel="stylesheet">
    <script src="js/angular/1.6.3/angular.js"></script>
    <script src="js/angular/1.6.3/angular-route.js"></script>
    <script src="js/angular/1.6.3/angular-ui-router.js"></script>
    <script src="js/angular/1.6.3/angular-file-upload.js"></script>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/sweetalert.min.js"></script>
    <script src="js/ie10-viewport-bug-workaround.js"></script>
    <script src="js/ie-emulation-modes-warning.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZXQrCmgv2Bnee0X91HhKzmVb4w04blCe"></script>
    <script src="js/echarts.js"></script>
    <script src="js/bmap.js"></script>
    <script src="ng/indexApp.js"></script>
    <script src="ng/displayCtrl.js"></script>
    <script src="js/myjs/display.js"></script>
    <title>企业信息</title>
</head>
<body ng-controller="displayCtrl">
<div class="container-fluid">
    <h3 class="page-header">企业信息
    </h3>

    <div class="col-md-8">
        <div class="row">
            <div class="col-md-5">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                企业列表
                            </div>
                            <div  style="height:200px;overflow:auto;cursor:pointer">
                                <table
                                        class="table table-bordered table-striped table-condensed table-hover "
                                        ng-init="getEnterpriseList()" style="margin-bottom: 0;cursor:pointer">
                                    <tr ng-repeat="e in enterprises" ng-click="autoPlayState=false;showEnterpriseDetail(e)" ng-mouseover=""
                                        ng-style="{'background-color':e===enterpriseSelected ?'#aad3ff':''}">
                                        <td>{{$index + 1}}</td>
                                        <td>{{e.name}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default" >
                            <div class="panel-heading">信用评价</div>
                            <div class="panel-body">
                                <div id="radarChart" style="width: 100%;height:400px;" ></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-md-7">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">基本信息</div>
                                <div  style="height:200px;overflow:auto;">
                                    <table ng-repeat="item in enterpriseInfo.basicInfoComments" ng-show="$index%2 == 0"
                                            class="table table-bordered table-striped table-condensed" style="margin-bottom: 0;">
                                        <tr>
                                            <td width="50%"><b>{{item.column_comment}}</b></td>
                                            <td width="50%"><b>{{enterpriseInfo.basicInfoComments[$index + 1].column_comment}}</b></td>
                                        </tr>
                                        <tr>
                                            <td width="50%" ng-show="item.column_name !== 'business_scope'">
                                                {{enterpriseInfo.basicInfo[0][item.column_name]}}</td>
                                            <td width="50%" ng-show="item.column_name !== 'business_scope'">
                                                {{enterpriseInfo.basicInfo[0][enterpriseInfo.basicInfoComments[$index + 1].column_name]}}</td>
                                            <td ng-show="item.column_name === 'business_scope'" colspan="2">
                                                {{enterpriseInfo.basicInfo[0][item.column_name]}}</td>
                                        </tr>
                                    </table>
                                </div>

                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">企业图谱</div>
                            <div class="panel-body">
                                <div id="profileChart" style="width: 100%;height:400px;" ></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">财务信息</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="panel panel-heading">资产负债</div>
                            <div id="zcfzChart" style="width: 100%;height:400px;" ></div>

                        </div>
                        <div class="row">
                            <div class="panel panel-heading">现金流量</div>
                            <div id="xjllChart" style="width: 100%;height:400px;" ></div>

                        </div>
                        <div class="row">
                            <div class="panel panel-heading">利润表</div>
                            <div id="lrChart" style="width: 100%;height:400px;" ></div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">企业高管位置信息</div>
                    <div class="panel-body">
                        <div id="traceChart" style="width: 100%;height: 600px;" class="map"></div>

                    </div>
                </div>
            </div>
        </div>

    </div>


    <div class="col-md-4">

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">舆情监控</div>
                    <div style="width:100%;max-height:500px;overflow:auto;">
                        <table class="table table-bordered table-striped table-condensed table-hover " style="margin-bottom: 0;">
                            <thead>
                                <tr>
                                    <td width="15%">事件类型</td>
                                    <td>时间</td>
                                    <td>内容</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="e in enterpriseInfo.enterprisePublicOpinion">
                                    <td>{{e.event_classification}}</td>
                                    <td>{{e.publication_time}}</td>
                                    <td><a href="{{e.source_url}}" target="_blank">{{e.content | limitTo: 50}}</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">司法信息</div>
                    <div style="width:100%;max-height:500px;overflow:auto;">
                        <table class="table table-bordered table-striped table-condensed table-hover " style="margin-bottom: 0;">
                            <thead>
                                <tr>
                                    <td style="width:15%;">类型</td>
                                    <td>时间</td>
                                    <td>标题</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="e in enterpriseInfo.justiceInformation">
                                    <td>{{e.judicial_type}}</td>
                                    <td>{{e.date_publication}}</td>
                                    <td>{{e.title}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">知识产权</div>
                    <div style="width:100%;max-height:500px;overflow:auto;">
                        <table class="table table-bordered table-striped table-condensed table-hover " style="margin-bottom: 0;">
                            <thead>
                                <tr>
                                    <td style="width:15%;">类型</td>
                                    <td>时间</td>
                                    <td>名称</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="e in enterpriseInfo.intellectualProperty">
                                    <td>{{e.type}}</td>
                                    <td>{{e.date}}</td>
                                    <td>{{e.name}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">变更事件</div>
                    <div style="width:100%;max-height:500px;overflow:auto;">
                        <table class="table table-bordered table-striped table-condensed table-hover " style="margin-bottom: 0;">
                            <thead>
                                <tr>
                                    <td style="width:15%;">事件</td>
                                    <td>时间</td>
                                    <td>变更前内容</td>
                                    <td>变更后内容</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="e in enterpriseInfo.alteration">
                                    <td>{{e.matter}}</td>
                                    <td>{{e.date}}</td>
                                    <td>{{e.alteration_from}}</td>
                                    <td>{{e.alteration_to}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


</body>
</html>